// pages/express-delivery/relation.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 显示遮罩？
    // isshow: true,
    customItem: '全部',
    // 设置动画
    // animationData: {},
    // picker

    // region: ['广东省', '广州市', '海珠区'],
    // recipients_name: '廖宝锋',
    // tel_num: '15629120083',
    // address: '爱了就爱了放假咯了房间卡路附近卡路附近',

  params:[
    {
      id:1,
      region: ['广东省', '广州市', '海珠区'],
      recipients_name: '廖宝锋',
      tel_num: '15629120083',
      address: '爱了就爱了放假咯了房间卡路附近卡路附近',
    },
    {
      id: 2,
      region: ['广东省', '广州市', '海珠区'],
      recipients_name: 'haha',
      tel_num: '15629120090',
      address: '爱了就爱了llllllllllll',
    },
    {
      id: 3,
      region: ['广东省', '广州市', '海珠区'],
      recipients_name: 'liao',
      tel_num: '15629120083',
      address: '爱了就爱了pppppppppppp附近',
    }, {
      id: 4,
      region: ['广东省', '广州市', '海珠区'],
      recipients_name: '廖宝锋',
      tel_num: '15907143972',
      address: '爱了就爱nnnnnnnnnn路附近卡路附近',
    }, {
      id: 5,
      region: ['广东省', '广州市', '海珠区'],
      recipients_name: '廖宝锋',
      tel_num: '15629120083',
      address: '爱了就爱了xxxxxxxxxxxxxxxxxxx附近卡路附近',
    }, {
      id: 6,
      region: ['广东省', '广州市', '海珠区'],
      recipients_name: '廖宝锋',
      tel_num: '15629120083',
      address: '爱了mmmmmmmmmmmmmmmmmmm附近',
    }






  ]



  },
  // 设置显示遮罩
  show_modal: function (e) {
    
    let index = e.currentTarget.dataset.index;
    let arr = this.data.params;
    let arrCut = 'params[' + index + '].cut'
    this.setData({
      [arrCut]: true,
      listIndex: index
    })
    // var animation = wx.createAnimation({
    //   duration: 800,
    //   /**
    //     * http://cubic-bezier.com/ 
    //     * linear 动画一直较为均匀
    //     * ease 从匀速到加速在到匀速
    //     * ease-in 缓慢到匀速
    //     * ease-in-out 从缓慢到匀速再到缓慢
    //     * 
    //     * http://www.tuicool.com/articles/neqMVr
    //     * step-start 动画一开始就跳到 100% 直到动画持续时间结束 一闪而过
    //     * step-end 保持 0% 的样式直到动画持续时间结束 一闪而过
    //     */
    //   timingFunction: "ease",
    //   delay: 1000
    // })
    // this.animation = animation
    // animation.translateY(300).step()
    // this.setData({
    //   animationData: animation.export(), // export 方法每次调用后会清掉之前的动画操作。
    //   // showShopPopup: true
    //   isshow: !this.data.isshow

    // })
    // setTimeout(() => {
    //   animation.translateY(0).step()
    //   this.setData({
    //     animationData: animation.export()  // export 方法每次调用后会清掉之前的动画操作。
    //   })
    //   // console.log(this)
    // }, 200)


    // var animation = wx.createAnimation({
    //   duration: 500,
    //   timingFunction: "ease-in-out",
    //   delay: 50,


    // });
    // this.animation = animation;
    // animation.translateY(650).step()
    // this.setData({
    //   animationData: animation.export(),
    //   // isshow: !this.data.isshow
    // })

    // setTimeout(function () {
    //   animation.translateY(0).step();
    //   this.setData({
    //     animationData: animation.export()
    //   })
    // }.bind(this), 300)



  },
  // 设置隐藏遮罩

  hideModal: function (e) {
    
    let index = e.currentTarget.dataset.index;
    let arr = this.data.params;
    let arrCut = 'params[' + index + '].cut'
    this.setData({
      [arrCut]: false,
    })
    // this.setData({
    //   isshow:!this.data.isshow
    // })
    // var animation = wx.createAnimation({
    //   duration: 500,
    //   timingFunction: "ease",
    //   delay: 50,
    // })

    // this.animation = animation;
    // animation.translateY(0).step();
    // this.setData({
    //   animationData: animation.export(),
    //   isshow: this.data.isshow
    // })

    // setTimeout(function () {
    //   animation.translateY(650).step();
    //   this.setData({
    //     animationData: animation.export()
    //   })
    // }.bind(this), 300)




  },
  // ...................................................................................................
  // 以下是每个表单数据的值的监听

  recipients: function (e) {




  },

  telphone: function (e) {

  },

  detail_address: function (e) {

  },
  // 设置picker表单值
  bindRegionChange: function (e) {
    // console.log(e);
    // console.log('picker发送选择改变，携带值为', e.detail.value);
    // this.setData({
     
    // })

    let index = e.currentTarget.dataset.index;
    let arr = this.data.params;
    let arrRegion = 'params[' + index + '].region'
    this.setData({
      [arrRegion]: e.detail.value
    })
    

  },

  // .......................................................................................
  // .....表单的提交修改.......
  formSubmit: function (e) {
    // 将表单变动数据存入data中，遮罩后层数据也随之改变
    this.setData({
      recipients_name: e.detail.value.recipients_name,
      tel_num: e.detail.value.telphone,
      region: e.detail.value.pick,
      address: e.detail.value.address
    })
    //  保存修改后的地址到后台
    var name = e.detail.value.recipients_name;
    var telephone = e.detail.value.telphone;
    var pick = e.detail.value.pick;
    var address = e.detail.value.address;

    wx.request({
      url: '',
      method: 'delete',
      data: {

      },
      success: function (res) {
        console.log(res);
        if (res.code == 1) {
          // 跳转到信息填写详情页
          wx.navigateTo({
            url: 'test'//请填地址
          })

        }
      },
      fail: function () {

      }
    })






  },



  Back: function () {
    wx.navigateBack({
      delta: 1
    })
  },
  addPerson: function () {
    wx.navigateTo({
      url: 'add'
    })
  },




  // 点击删除联系人
  delete_recipients: function (e) {
    console.log(e)
    id: e.currentTarget.id
    wx.request({
      url: '',
      method: 'delete',
      data: {
        id: id
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var UserID = "201701031229AA";
    wx.request({
      url: 'https://m.ehomebar.com/baas/dianjia/expressenhance/getUserReceiver',//此处为进入页面数据的请求渲染
      data: {

      },
      success: function (res) {


      }


    })
  },

  // modify_recipients:function(){




  // },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },



  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})